@import "../../common/css/variables.scss";
@import "../../../common/css/size.scss";
.m-team{
  height: 100%;
 #teamSwiper{
  height: calc(100%  - #{$_45});
  /*我创建的团队*/
  .m-teamD{
    height: 100%;
    overflow: auto;
    .baseInfo,.detail{
      background: #FFFFFF;
      box-shadow: 0 $_2 $_5 0 rgba(205,210,212,0.50);
    }
    .baseInfo{
      margin-top: $_15;
      h2,.digest,.member,.members{
        margin:0 $_10;
        width: calc(100% - #{$_20});
        border-bottom: $_1 solid #e7e7e7;
      }
      h2{
        font-size: $_18;
        color: #5D6061;
        letter-spacing: $_1;
        height: $_47;
        line-height: $_48;
      }
      .digest{
        padding: $_10 0;
        font-size: $_16;
        color: #5D6061;
        letter-spacing: $_1;
        line-height: $_26;
      }
      .member{
        height: $_47;
        padding-right: $_28;
        width: calc(100% - #{$_48});
        background: url('../img/user/btn_return.png')no-repeat right center;
        background-size: $_8 $_16;
        span{
          font-size: $_16;
          color: #5D6061;
          letter-spacing: $_1;
        }
      }
      .members{
        height: $_72;
        .imgLi,.add{
          width: $_42;
          height: $_42;
        }
        .imgLi{
          margin-right: $_15;
          img{
            width: 100%;
            border-radius: 50%;
          }
        }
        .imgLi:nth-child(n+3){
          display: none;
        }
        .add{
          border: none;
          background: url('../img/team/icon_add.png') no-repeat;
          background-size: $_42;
        }
      }
    }
    .detail{
      margin:$_20 0 $_40;
      .teamItem{
        margin: 0 $_10;
        display: flex;
        padding-left: $_32;
        direction: row;
        justify-content: space-between;
        align-items: center;
        border-bottom: $_1 solid #d8d8d8;
        height: $_46;
        width: calc(100% - #{$_52});
        span{
          font-size: 16px;
          color: #5D6061;
          letter-spacing: $_1;
        }
      }
      .sales{
        background: url('../img/team/icon_sales.png') no-repeat left center;
        background-size: $_22 $_22;
      }
      .forward{
        background: url('../img/team/icon_forward.png') no-repeat left center;
        background-size: $_21 $_21;
      }
      .champion{
        background: url('../img/team/icon_champion.png') no-repeat left center;
        background-size: $_20 $_17;
      }
      .forward_ch{
        background: url('../img/team/icon_forward_ch.png') no-repeat left center;
        background-size: $_20 $_21;
      }
      .commission{
        background: url('../img/team/icon_commission.png') no-repeat left center;
        background-size: $_22 $_22;
      }
      .custom{
        background: url('../img/team/icon_custom.png') no-repeat left center;
        background-size: $_22 $_19;
      }
      .reserve{
        background: url('../img/team/icon_appointment.png') no-repeat left center;
        background-size: $_22 $_22;
      }
      .sell{
        background: url('../img/team/icon_sell.png') no-repeat left center;
        background-size: $_21 $_24;
      }
    }
    /*没创建团队*/
    /*没加入团队*/
  .f16{
    text-align: center;
  }
  }
.create .Bg{
  width: $_187;
  height: $_160;
  margin:$_100 $_94 $_50;
  background: url('../img/team/bg_create.png')no-repeat center;
  background-size: $_201 $_156;
}
.join .Bg{
  width: $_201;
  height: $_155;
  margin:$_100 $_87 $_50;
  background: url('../img/team/bg_join.png')no-repeat center;
  background-size: $_201 $_156;
}
  
 }
}
/*团队成员*/
.m-members{
  height: 100%;
  overflow: auto;
  position: absolute;
  .memberLi{
    margin:0 $_8 $_20;
    background: #FFFFFF;
    box-shadow: 0 $_2 $_2 rgba(205,208,212,0.50);
    border-radius: $_7;
    height: $_107;
    width: $_359;
    .left{
      width: $_249;
      .top{
        .avatar{
          padding: $_10;
          width: $_40;
          height: $_40;
          border-radius: 50%;
        }
      }
      .bottom{
        .btmLi{
          margin:$_10 0 $_30 $_20;
          display: flex;
          flex-direction: column;
          justify-content: center;
          align-items: center;
          span:first-child{
            margin-bottom: $_3;
          }
        }
      }
    }
    .rightW{
      height: 100%;
      overflow: hidden;
      
    }
    .right{
      width: $_80;
      height: 121%;
      margin-top: -$_14;
      // background: #90AEBD
      .f18{
        margin-bottom: $_6;
      }
    }
  }
  .memberLi:nth-child(1){
    margin-top: $_30;
    background: url('../img/team/bg_1.png')no-repeat;
    background-size: $_359 $_111;
  }
  .memberLi:nth-child(2){
    background: url('../img/team/bg_2.png')no-repeat;
    background-size: $_359 $_111;
  }
  .memberLi:nth-child(3){
    background: url('../img/team/bg_3.png')no-repeat;
    background-size: $_359 $_111;
  }
  .memberLi:nth-child(n+3){
    .cff{
      color: #565454;
    }
    .right{
      border-bottom-left-radius: $_39;
      background: rgba(144, 174, 189, 0.18);
      border-top-left-radius: $_77;
      
    }
  }
}
/*加入团队*/
.m-joinTeam {
  width: 100%;
  height: 100%;
  background: #fff url('../img/user/icon_login.png')no-repeat;
  background-size: 100%;
  .headPic{
    width: $_115;
    height: $_115;
    border-radius: 50%; 
    margin: $_100 auto $_25;
    img{
      width: 100%;
      border-radius: 50%;
    }
  }
  .btnN{
    margin-top: $_80;
  }
}
.m-teamD{
  .btnN{
    position: absolute;
    bottom: $_50;
    margin: 0 $_32;
  }
}

